<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<title>Page Title | Yoursite.com</title>

	<meta name="keywords" content="keyword phrase 1, keyword phrase 2" />
	<meta name="description" content="inHarmony is a perfect corporate html template." />
	
	<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- CSS __________________________________________-->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/magnificpopup.css" >
	<link rel="stylesheet" href="css/font-awesome.min.css">
	
	<link href="css/master.css" rel="stylesheet">
	<link href="css/colors-classic.css" rel="stylesheet">   <!-- The color scheme -->
	
	<!-- Javascripts __________________________________________-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
		<!-- include image popups -->
		<script src="js/jquery.magnific-popup.min.js"></script> 
		<!-- include Cycle -->
		<script src="js/jquery.cycle.all.js"></script> 
		<!-- include mobile menu -->
		<script src="js/jquery.mobilemenu.js"></script> 
		<!-- include custom script -->
		<script src="js/scripts.js"></script>
	
	<!-- Fixing Internet Explorer ______________________________________-->
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" />
	<![endif]-->

	<!--[if IE 7]>
		<link rel="stylesheet" href="css/ie7.css" />
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
	<![endif]-->
</head> 

<body class="page full">

<div id="wrapperbox">

	<!-- HEADER __________________________________________-->
	<header role="banner">
		<div class="wrapper">
			<!-- Logo ______________________________________-->
			<div id="logo">
				<h1>
					<a href="/" rel="home"><img src="imgs/logo.gif" alt="inHarmony Logo" /></a>
					<a href="/" rel="home">inHarmony<span class="blue">.</span></a> <br />
					<span class="subtitle">Just another HTML template</span>
				</h1>
			</div>
			
			<!-- Address Microdata ______________________________________-->
			<div id="address-block" itemscope itemtype="http://schema.org/Organization"> 
			   <span itemprop="name" class="hidden">inHarmony Organization</span> 
			   <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
					
				  <span itemprop="streetAddress">2939 4th Ave W</span>,
				  <span itemprop="addressLocality">Vancouver</span>,
				  <span itemprop="postalCode">BC V6K 1R3</span>
			   </div>
			   <span itemprop="telephone"><i class="icon-mobile-phone"></i> <strong>123-456-9999</strong></span> 
			   <a href="mailto:info@yourcompany.com" itemprop="email"><i class="icon-envelope"></i> info@the-company.com</a>
			</div>	
			
			<!-- Social icons ______________________________________-->
			<div id="social-block">
				<ul>
					<li><a href="#" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
					<li><a href="#" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
					<li><a href="#" target="_blank" title="Linkedin"><i class="icon-linkedin"></i></a></li>
					<li><a href="#" target="_blank" title="Pinterest"><i class="icon-pinterest"></i></a></li>
					<li><a href="#" target="_blank" title="Google Plus"><i class="icon-google-plus"></i></a></li>
					<!-- 	<li><a href="#" target="_blank" title="Youtube"><i class="icon-youtube"></i></a></li>
					<li><a href="#" target="_blank" title="Dribbble"><i class="icon-dribbble"></i></a></li>
					<li><a href="#" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
					<li><a href="#" target="_blank" title="Tumblr"><i class="icon-tumblr"></i></a></li>
					<li><a href="#" target="_blank" title="Skype"><i class="icon-skype"></i></a></li> -->
				</ul>
			</div>
		</div>  <!-- END .wrapper -->
		
		<!-- Main menu ______________________________________-->
		<nav id="mainmenu" role="navigation">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Styles</a>
					<ul class="sub-menu" id="change-style">
						<li><a href="#" id="classic">Classic</a></li>
						<li><a href="#" id="eco-earth">Eco Earth</a></li>
						<li><a href="#" id="silver-grey">Silver Grey</a></li>
						<li><a href="#" id="passion-red">Passion Red</a></li>
						<li><a href="#" id="golden">Golden</a></li>
						<li><a href="#" id="deep-blue">Deep Blue</a></li>	
					</ul>
				</li>
				<li><a href="elements.html">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="testimonials.html">Testimonials</a></li>
						<li><a href="faqs.html">FAQs</a></li>
						<li><a href="404.html">404</a></li>
					</ul>
				</li>
				<li><a href="#" class="active">Media</a>
					<ul class="sub-menu">
						<li><a href="portfolio.html">Portfolio</a>
							<ul class="sub-menu">
								<li><a href="portfolio.html">Portfolio Small</a></li>
								<li><a href="portfolio-medium.html">Portfolio Medium</a></li>
								<li><a href="portfolio-large.html">Portfolio Large</a></li>
							</ul>
						</li>
						<li><a href="portfolio-single.html" class="active">Portfolio Single</a></li>
						<li><a href="documentation.html">Documentation</a></li>
					</ul>
				</li>
				<li><a href="#">Layouts</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">Left Sidebar</a></li>
						<li><a href="blog-post.html">Right Sidebar</a></li>
						<li><a href="team.html">Full Width</a></li>
					</ul>
				</li>
				
				<li><a href="blog.html">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-post.html">Blog Post</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>
			</ul>		

			<!-- Search box ______________________________________-->
			<div id="sitesearch">
				<i class="icon-search"></i>
			</div>
			<div id="search-results">
				<script>
				  (function() {
					var cx = '017683756184911932766:rvnzs1j9m1g';
					var gcse = document.createElement('script');
					gcse.type = 'text/javascript';
					gcse.async = true;
					gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
						'//www.google.com/cse/cse.js?cx=' + cx;
					var s = document.getElementsByTagName('script')[0];
					s.parentNode.insertBefore(gcse, s);
				  })();
				</script>
				<div id="search-box">
					<div class="gcse-search"></div>
				</div>
			</div>
			
		</nav> <!-- END #mainmenu -->		
	</header>
			
	<div class="wrapper">
		<div id="content" role="main">
			<!-- Heading __________________________________________-->
			<h1>Portfolio Single</h1>
			
			<!-- Breadcrumbs __________________________________________-->
			<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb" id="breadcrumbs"><a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a> <i class="icon-chevron-right"></i> <a href="portfolio.html" itemprop="url"><span itemprop="title">Portfolio</span></a> <i class="icon-chevron-right"></i> Portfolio Single</p>
			<hr />

			<!-- Pagination by posts __________________________________________-->
			<ul class="portfolio-pagination">
				<li><a href="javascript:void(0)" class="prev1"><i class="icon-chevron-left"></i> <span>Previous project</span></a></li>
				<li><a href="javascript:void(0)" class="next1"><i class="icon-chevron-right"></i> <span>Next project</span></a></li>
			</ul>

			<article id="post-2" class="post format-gallery">

				<header class="entry-header">
					<!-- Heading __________________________________________-->
					<p class="center extrabig thin smaller-padding">Our Best Project</p>	
					<p class="center"><a href="portfolio.html" class="thin"><i class="icon-list thin small"></i> &nbsp; View all projects</a></p>		
				</header> <!-- END .entry-header -->

				<!-- Post Featured Image __________________________________________-->
				<div class="post-image p75">
					<div class="cycle">
						<img src="imgs/portfolio/vladstudio_alice_dragon_tree_1024x768_signed.jpg" alt="" />				
						<img src="imgs/portfolio/vladstudio_little_anglerfish_1024x768_signed.jpg" alt="" />		
						<img src="imgs/portfolio/vladstudio_rainbows_1024x768_signed.jpg" alt="" />		
					</div>
					<a href="javascript:void(0)" class="next2"><i class="icon-chevron-right"></i></a>
					<a href="javascript:void(0)" class="prev2"><i class="icon-chevron-left"></i></a>
				</div>

				<div class="entry-content p25">

					<!-- WYSIWYG Content __________________________________________-->
			
					<h2>Overview</h2>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Vivamus nec sapien massa, a imperdiet diam.</p>

					<p>Aliquam erat volutpat. Sed consectetur suscipit nunc et rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo.</p>

					<h3>Things we did</h3>

					<ul class="check">
						<li>HTML/CSS</li>
						<li>Information Architecture</li>
						<li>User Interface Design</li>
						<li>Programming</li>
					</ul>

					<p><a href="#" class="button">Launch website</a></p>

					<!-- END of WYSIWYG content __________________________________________-->

				</div><!-- END .entry-content -->

				<div class="clear"></div>

				<!-- Footer meta info __________________________________________-->
				<footer class="entry-footer">
					<div class="entry-meta">
						<p class="left">Posted in: </p>
						<ul class="tags">
							<li><a href="#" rel="tag">Illustrations</a></li> 
							<li><a href="#" rel="tag">Concept Art</a></li>
						</ul>
					</div>				
				</footer><!-- END .entry-footer -->

			</article>

			<div id="related-posts">
				<h2>Related projects</h2>
				<div class="gallery">
					<div class="gallery-row gallery-clear">
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_raring_ringtail_blue_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_jellyfish_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_looove_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
						<dl class="gallery-item col-4">
							<dt class="gallery-icon-link"><a href="portfolio-single.html"><img width="480" height="320" src="imgs/portfolio/vladstudio_missing_him_480x320.jpg" class="attachment-thumbnail" alt="" /></a> 
							<dd class="gallery-caption"><strong>Caption</strong> <span class="small">Illustration</span></dd>
						</dl>
					</div>  <!-- END .gallery-row -->
				</div>  <!-- END .gallery -->
			</div>
		</div> <!-- END #content -->
	</div> <!-- END .wrapper -->
			
	<!-- Footer __________________________________________-->
	<footer role="contentinfo" id="footer">
		<div class="wrapper">
			<div class="footerbox">
				<h3>About Us</h3>
				<p>We create awesome HTML and WP themes and templates for your great online presence. We also provide support if you get any issues on our items. Check it out!</p>
				<br />
				<p><a href="http://themeforest.net/user/Darinka?ref=Darinka" target="_blank" class="button">BUY THIS</a></p>
			</div> <!-- END .footerbox -->
		
			<div class="footerbox">
				<h3>Latest News</h3>
				<ul>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Single Clean Post</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">Our Blog Revived!</a></h4>
						<p class="small"><strong>Aug 3</strong> / Darinka </p>
					</li>
					<li>
						<i class="icon-file-text"></i> 
						<h4><a href="blog-post.html">New Site Out Tomorrow</a></h4>
						<p class="small"><strong>Aug 3</strong> / admin </p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox">
				<h3>Events</h3>
				<ul>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Open Klasses</a></h4>
						<p class="small"><strong>Aug 3</strong> / Street Art 2013 </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Summer Party</a></h4>
						<p class="small"><strong>Aug 10</strong> / Best place to party! </p>
					</li>
					<li>
						<i class="icon-calendar"></i> 
						<h4><a href="event.html">Charity Event</a></h4>
						<p class="small"><strong>Aug 12</strong> / Help find the cure!</p>
					</li>
				</ul>
			</div> <!-- END .footerbox -->
			
			<div class="footerbox last">
				<h3>Our newsletter</h3>
				<form method="post" action="#">
					<p>Sign up now to receive weekly news about new products and great discounts!</p>
					<p><label for="email">Your e-mail address</label> <input type="text" id="email" value="" /></p>
					<p><button type="submit">Subscribe</button></p>
				</form>
			</div> <!-- END .footerbox -->
			<div class="clear"></div>

			<hr />
			<p class="left small">Copyright &copy; 2013 Your Company Name. <br />All rights reserved.</p>
			<ul class="footermenu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Styles</a></li>
				<li><a href="#">Pages</a></li>
				<li><a href="#">Media</a></li>
				<li><a href="#">Layouts</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Contact</a></li>
			</ul> <!-- END .footermenu -->
			<div class="clear"></div>
		</div>  <!-- END .wrapper -->
	</footer>
</div> <!-- END #wrapperbox -->
<br class="clear" />
	
	<!-- Initializing scripts  __________________________________________-->
	<script type="text/javascript"> 			
	jQuery(document).ready(function() {
		// init Cycle for images
		$('.post-image .cycle').cycle({
			fx:      'fade', 
			speed:    300, 
			timeout:  4000,
			cleartype:  true,
			next:  '.post-image .next2', 
			prev:  '.post-image .prev2',
			fit: 0,
			width: '100%'
		});

	});
	</script>
	
	<!-- Your Google Analytics __________________________________________-->
	<script type="text/javascript">
	
		  var _gaq = _gaq || [];
		  _gaq.push(["_setAccount", "UA-XXXXXXX-X"]);
		  _gaq.push(["_trackPageview"]);
		
		  (function() {
			var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
			ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
			var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
		  })(); 
	
	</script>
</body>
</html>
